<template>
	<div class="detailNav">
<img :src="img" alt="" class="img1">
<van-notice-bar mode="link">{{ text }}}</van-notice-bar>
	</div>
</template>

<script>
export default {
	data() { 
		return {
			img: "https://img.alicdn.com/imgextra/i4/6000000004565/O1CN01VVTy4c1jaoqchQjOr_!!6000000004565-2-fliggyimage.png_760x760.jpg",
			text:`公告: 年卡热销中！2月限时专属福利来袭
—年卡用户专属礼遇—
·度假区美食至高8.5折优惠
·哈蒙德餐厅购情人节双人套餐专属9.5折优惠，额外赠送鸡尾酒两杯
·酷巧—巧克力商店和美味盛宴厨房：情人节套餐、莓目传情奶昔专属9折优惠
·环球城市大道电影院：购电影票可免费兑换爆米花
*更多优惠信息详见北京环球度假区飞猪官方旗舰店

—漫游卡用户购卡优惠—
【北京环球影城冬春漫游卡用户】在2023年1月12日20:00至2023年3月13日23:59期间购卡，可享立减100元优惠！
【第一批北京环球影城夏秋漫游卡用户】在2023年1月20日00:00至2023年3月20日23:59期间购卡，可享立减200元优惠！
【第二批北京环球影城夏秋漫游卡用户】在2023年2月17日00:00至2023年4月17日23:59期间购卡，可享立减200元优惠！
您需通过原漫游卡飞猪订单详情页或北京环球度假区官方阿里小程序优惠购卡入口享受购卡优惠`,
			
		}
	}
}
</script>

<style scoped>
.detailNav{
	width: 100%;
	height: 6rem;
	box-sizing: border-box;
	border-bottom: 1px solid transparent;
}
.detailNav .img1{
	width: 100%;
	height: 5.62rem;
}
.img{
	width: .32rem;
	height: .32rem;
}

.van-notice-bar{
	margin-top: -.5rem;
}
.van-notice-bar{
	height: .8rem;
	width: 6.4rem;
	margin-left: .22rem;
	border-radius: .3rem;
	background-color: #fff5f5;
}
</style>